@font-face{font-family:'segoeui';src:url(../Fonts/segoeui_0.eot);src:url(../Fonts/segoeui_0.woff) format('woff'),url(../Fonts/segoeui_0.ttf) format('truetype'),url(../Fonts/segoeui_0.svg) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:"oswald";src:url(../Fonts/Oswald-Light.eot?#iefix);src:url(../Fonts/Oswald-Light.eot?#iefix) format("embedded-opentype"),url(../Fonts/Oswald-Light.ttf) format("truetype"),url(../Fonts/Oswald-Light.woff) format("woff"),url(../Fonts/Oswald-Light.svg#Oswald-Light) format("svg");font-weight:lighter;font-style:normal}

html{margin:0;padding:0;border:0}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,captiont,tbody,tfoot,thead,tr,th,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0}
article,aside,details,figcaption,figure,dialog,footer,header,hgroup,menu,nav,section{display:block}
caption,th,td{text-align:left;font-weight:400}
a img{border:none}
.clear{clear:both}
textarea{resize:none!important}
input[type="submit"]{-webkit-appearance:none;border-radius:0}
body{height:100%;/* background:url("/Style Library/DHCR/Images/loginBg.jpg") no-repeat top center; *//* background-size:cover; *//* font:16px "oswald"; */color:#000;background-color: #fff;font-family: 'Roboto', sans-serif;}
body #s4-simple-error-content{margin-top:25px}
.clear:before,.clear:after{content:' ';display:table}
.clear:after,.Clear{/* clear:both */}
.clear{zoom:1}
a:link{color: #bfbfbf;text-decoration:none}
a:hover{color: #bfbfbf;text-decoration:underline}
a:visited{color:#008165}
a:focus{outline:0}
a:hover,a:active{outline:0}
input:focus{outline:0;border:1px solid #00a1e4}
.formWithFieldset .form-group .form-control{border-radius:0;border:2px solid #9ee0fa}
.genLables{width:90%}
.Astr,.formRequiredField,.loginErrorMesg{color:#670000}
.formRequiredField{margin:5px 0 10px;}
span[id*="reqUserName"],span[id*="regUserName"],span[id*="reqPassword"],span[id*="regPassword"]{padding:0 10px;width:100%;color:#fa625c;margin:0}
a[id*="lnkResend"]{color:#fff;text-decoration:underline;margin:0 2px}
.loginErrorMesg{display:inline-block;padding:5px 0 15px 0}
.btn-primary{cursor:pointer;border-radius:0!important;background:#008165!important;border:0 #008165 solid!important;text-shadow:none;color:#fff!important;margin:0}
.btn-primary:hover{background:#46c080!important}
.btn-link{color:#3f3f3f;text-decoration:underline}
.activation.btn-primary{display:block;height:35px;line-height:36px;margin: 0 0 15px 0!important;text-align:center}
body #s4-simple-card{width:415px;min-height:400px;border-width:0;box-shadow:none}
.s4-simple-iconcont{display:none}
#s4-simple-content{margin:0 !Important}
.Logo{text-align:center;margin-bottom:15px}
body #s4-simple-card-content{margin:0}
.rowCont{margin-bottom:10px}
.labelCont{font-size:1.5em;margin-bottom:10px;display:inline-block;font-family: 'Roboto', sans-serif;font-size: 16px;text-transform: uppercase;}
.inputCont input,.passwordRow .inputCont input {
    color: rgb(155, 155, 155);
  font-size: 13px;
  font-family: "29LTBukraMedium", sans-serif;
  text-align: center;
  background-color: rgb(255, 255, 255);
  border-radius: 14px;
  height: 40px;
  display: block;
  width: 100%;
  padding: 0;
  border: 1px solid rgb(87 88 86 / 40%);
    box-sizing: content-box;
}
.loginButton .inputCont input[type="submit"]
    {
        font-size: 20px;
          font-family: "29LTBukraMedium", sans-serif;
          background-color: rgb(0, 130, 102) !important;
          border-radius: 16px !important;
          min-height: 40px;
          text-transform: uppercase;
          width: 100%;
          border: none;
          padding: 0px;
          cursor: pointer;
          height: auto;
    }
.passwordRow .inputCont{position:relative}
.extraLinkForgetPass{text-align:right}
.FL{float:left}
.FR{float:right}
#s4-simple-card-top{display:none}
.loginDesc{text-align:center;font-size: 14px;margin-bottom:50px}
body #s4-simple-card{margin:50px auto 0 auto}
.loginButton .labelCont{margin:0}
.rowCont.loginButton{margin:20px 0 5px !important;width:100%}
.loginBlock{margin:0 5%}
.extraLinkRegister{}
.extraLinkForgetPass,.extraLinkRegister{line-height:35px}
.extraLinkForgetPass {
    padding-left: 25px;
}
.extraLinkRegister {
    padding-right: 25px;
}
.generalSuccessMessage,.generalErrorMessage,.generalWarningMessage,.alert{margin-bottom:20px;color:#fff;width:96%;padding:2%}
.alert span{display:inline-block}
.alert.alert-warning{background-color:#f0ad4e;color:#fff}
.alert.alert-success{background-color:#008165;color:#fff}
.alert.alert-danger{background-color:#fa625c;;color:#fff}
#recaptcha_response_field{line-height:2;height:26px}
.recaptcha_only_if_privacy{display:none}
#recaptcha_area,#recaptcha_table{margin-left:-2px!important;direction:ltr!important}
iframe [title="recaptcha challenge"]{transform:scale(.8);transform-origin:0 0;-ms-transform:scale(.8);-ms-transform-origin:0 0;-webkit-transform:scale(.8);-webkit-transform-origin:0 0}
.g-recaptcha{transform:scale(.85);transform-origin:0 0;-ms-transform:scale(.85);-ms-transform-origin:0 0;-webkit-transform:scale(.85);-webkit-transform-origin:0 0}
.popUpContent .g-recaptcha{transform:scale(.85);transform-origin:0 0;-ms-transform:scale(.85);-ms-transform-origin:0 0;-webkit-transform:scale(.85);-webkit-transform-origin:0 0}
#rc-imageselect{transform:scale(.77);-webkit-transform:scale(.77);transform-origin:0 0;-webkit-transform-origin:0 0}
iframe [title="recaptcha widget"]{transform:scale(.85);transform-origin:0 0;-ms-transform:scale(.85);-ms-transform-origin:0 0;-webkit-transform:scale(.85);-webkit-transform-origin:0 0}
.recaptchaRow,#captcha{width:100%}
table,tbody,tr,td{display:block;}
.loginCon h2{font-size:3em;text-align:center;font-weight:normal;font-family: 'Roboto', sans-serif;text-transform: uppercase;}
.extraLinkForgetPass a,.extraLinkRegister a 
    {   text-decoration:underline;
        color: rgb(87, 88, 86);
          font-size: 10px;
          font-family: "29LTBukraMedium", sans-serif;

    }
#recaptcha_response_field{line-height:2;height:26px}
.recaptcha_only_if_privacy{display:none}
#recaptcha_area,#recaptcha_table{margin-left:-2px!important;direction:ltr!important}
iframe [title="recaptcha challenge"]{transform:scale(.8);transform-origin:0 0;-ms-transform:scale(.8);-ms-transform-origin:0 0;-webkit-transform:scale(.8);-webkit-transform-origin:0 0}
.g-recaptcha{transform:scale(.85);transform-origin:0 0;-ms-transform:scale(.85);-ms-transform-origin:0 0;-webkit-transform:scale(.85);-webkit-transform-origin:0 0}
.popUpContent .g-recaptcha{transform:scale(.85);transform-origin:0 0;-ms-transform:scale(.85);-ms-transform-origin:0 0;-webkit-transform:scale(.85);-webkit-transform-origin:0 0}
#rc-imageselect{transform:scale(.77);-webkit-transform:scale(.77);transform-origin:0 0;-webkit-transform-origin:0 0}
iframe [title="recaptcha widget"]{transform:scale(.85);transform-origin:0 0;-ms-transform:scale(.85);-ms-transform-origin:0 0;-webkit-transform:scale(.85);-webkit-transform-origin:0 0}
.recaptchaRow,#captcha{width:100%}
.infoLogin{
    padding: 20px 90px;
    list-style-position:inside;
    /* background-color:rgba(255,255,255,.8); */
    margin:0 20px;
    border: none;
    color: rgb(87, 88, 86);
    font-size: 10px;
    text-align: center;
}
.infoLogin ul{margin-left:15px;margin-top:15px;padding-left:10px;list-style-type:decimal;margin-bottom:15px}
.infoLogin li{padding-bottom:9px;list-style-position:inside}
body #s4-simple-error-content{margin-top:25px;padding-bottom:20px;}
body #s4-simple-card{width:100%;background:none;margin: 0;}
.coloredBorder>span:first-child{bottom:0;left:0;width:20px;height:100%;/* background-image:linear-gradient(to top,transparent 20%,#96c854 calc(100% - 18px)); *//* background: rgb(0,0,0); *//* background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(42,153,180,1) 96%, rgba(28,166,217,1) 100%); *//* background: rgb(0,0,0); *//* background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(42,153,180,1) 96%, rgba(28,166,217,1) 100%); *//* background: rgb(7,12,8); *//* background: linear-gradient(90deg, rgba(7,12,8,1) 0%, rgba(52,81,57,1) 55%, rgba(33,162,206,1) 90%); */background: rgb(7,12,8);background: linear-gradient(360deg, rgba(7,12,8,1) 0%, rgba(52,81,57,1) 55%, rgba(33,162,206,1) 90%);}
.coloredBorder>span:nth-child(2){top:0;left:0;width:100%;height:20px;background-image:linear-gradient(to right,#96c854 18px,#1f7030 calc(100% - 18px));background: rgb(0,0,0);/* background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(42,153,180,1) 96%, rgba(28,166,217,1) 100%); */background: rgb(31,164,210);background: linear-gradient(93deg, rgba(31,164,210,1) 0%, rgba(30,165,214,1) 50%, rgba(31,164,210,1) 100%);}
.coloredBorder>span:nth-child(3){top:0;right:0;width:20px;height:100%;/* background-image:linear-gradient(to bottom,#1f7030 18px,transparent 80%) *//* background: rgb(0,0,0); *//* background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(42,153,180,1) 96%, rgba(28,166,217,1) 100%); */background: rgb(7,12,8);background: linear-gradient(360deg, rgba(7,12,8,1) 0%, rgba(52,81,57,1) 55%, rgba(33,162,206,1) 90%);}
.coloredBorder{position:relative;padding: 45px 70px 0;}
.coloredBorder>span{position:absolute;font-size:0}
@media screen and (max-width:1160px){
    body #s4-simple-card{}
}
@media screen and (max-width:640px){
    body{font-size:14px}
    body #s4-simple-card{margin-top:0}
    body #s4-simple-error-content{margin:0;}
    .inputCont input[type="text"], .passwordRow .inputCont input{height:30px}
    .coloredBorder{padding: 35px 35px 15px;}
    .loginBlock{margin:0}
    .loginDesc{margin-bottom:15px}
    .infoLogin{margin:0}
    .Logo > a img{height:35px}
}